<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.8.0/css/all.min.css">
    <script src="js/jquery1.js"></script>
    <script src="js/divheight.js"></script>
    <script src="js/hm.js"></script>
    <script src="js/jweixin-1.js"></script>
    <script src="js/payMemo.js"></script>
    <script src="js/utils.js"></script>
    <title>加点-订单查询</title>
    <style>
        body {
            font-size: 16px;
            margin: 0;
        }
        #header {
            background-color: #eac14d;
            height: 40px;
            -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
            -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
        }

        .left-head {
            position: absolute;
            background-color: #af8819;
            height: 40px;
            width: 50px;
            background-image: url(http://e.hengdianworld.com/image/arrow.png);
            background-repeat: no-repeat;
            background-size: 11px 17px;
            background-position: 17px 10px;
        }

        .right-head {
            float: right;
            height: 40px;
            width: 56px;
            background-image: url(http://e.hengdianworld.com/image/home.png);
            background-repeat: no-repeat;
            background-size: 22px 20px;
            background-position: 15px 10px;
        }

        #header h1 {
            line-height: 40px;
            color: #FFF;
            width: 170px;
            display: block;
            margin: 0px auto;
            font-size: 18px;
            text-align: center;
        }

        .detail_notice {
            background: #fff;
        }

        .index-title {
            position: relative;
            padding: 16px 50px 4px;
            text-align: center;
        }

        .index-title-badge {
            margin: 0 6px 0 5px;
            vertical-align: middle;
        }

        .index-title-badge::before {
            content: '';
            display: inline-block;
            height: 13px;
            width: 3px;
            margin: 0 1px 0 2px;
            background-image: linear-gradient(29deg, #ff9917 6%, #ff4f39 93%);
            border-radius: 100px;
            -webkit-transform: rotateZ(30deg);
            -moz-transform: rotateZ(30deg);
            -ms-transform: rotateZ(30deg);
            -o-transform: rotateZ(30deg);
            transform: rotateZ(30deg);
        }

        .index-title-badge::after {
            content: '';
            display: inline-block;
            height: 13px;
            width: 3px;
            margin: 0 1px 0 2px;
            background-image: linear-gradient(-30deg, #a23cee 12%, #663de8 94%);
            border-radius: 100px;
            -webkit-transform: rotateZ(30deg);
            -moz-transform: rotateZ(30deg);
            -ms-transform: rotateZ(30deg);
            -o-transform: rotateZ(30deg);
            transform: rotateZ(30deg);
        }

        .notice_list {
            padding: 7px 25px 9px 35px;
        }

        .notice_list li {
            margin-bottom: 7px;
            position: relative;
            line-height: 18px;
            list-style: none;
        }

        .notice_list li::before {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            position: absolute;
            top: 7px;
            left: -12px;
            border-radius: 50%;
            background-image: linear-gradient(-270deg, #de00e0 0%, #ff3434 96%);
        }

        input {
            width: 180px;
            height: 14px;
            border: 0px;
            color: #999;
            padding-left: 4px;
            font-size: 16px;
            padding-bottom: 10px;
            background-color: transparent;
            font-family: "微软雅黑";
            text-align: left;
        }
        #nexts .aline{
            line-height: 22px;
            font-size: 16px;
            height: 30px;
            color: #fff;
            padding-top: 8px;
            text-align: center;
        }
        #nexts {
            height: auto;
            padding: 10px 8px;
        }
    </style>
</head>
<body>
<script charset="utf-8" type="text/javascript"  src="js/762336eee6f3d299d818075a902ebc61.js" defer async></script>
<div id="header">
    <span class="left-head" onclick="javascript:history.go(-1);"></span>
    <span class="right-head" onclick="javascript:location.href=addwxnumber('http://m.hengdianworld.com/');"></span>
    <h1>我要加点</h1>
</div>
<div style="margin:10px; background-color:#eeeeee; padding-left:10px; height:30px; padding-top:10px; "><span
        style="display:block; text-align:left;">请输入您购买时留的姓名和身份证号码</span></div>

<div style="margin:10px; background-color:#e9eff5; padding-left:10px; height:38px; padding-top:10px; ">
    <span style="float:left;">
        <i class="fa fa-user" aria-hidden="true" style="margin-top: 7px;"></i>
    </span>
    <span style="display:block;float:left; padding-top:4px; margin:0 10px;">姓名</span>
    <span style="display:block;float:left;">
        <input type="text" id="name" name="name" placeholder="购买时联系人姓名" value="">
    </span>
</div>

<div style="margin:10px;  background-color:#e9eff5; padding-left:10px; height:38px; padding-top:10px; ">
    <span style="float:left;">
        <i class="fa fa-phone" aria-hidden="true"></i>
    </span>
    <span style="display:block;float:left;padding-top:4px; margin:0 10px;">手机号码</span>
    <span style="display:block;float:left;">
        <input type="tel" id="phone" name="card" placeholder="11位手机号码" maxlength="11" value="">
    </span>
</div>

<div style="margin:10px;  background-color:#e9eff5; padding-left:10px; height:38px; padding-top:10px; ">
    <span style="float:left;">
        <i class="fa fa-id-card" aria-hidden="true" style="margin-top: 7px;"></i>
    </span>
    <span style="display:block;float:left;padding-top:4px; margin:0 10px;">身份证</span>
    <span style="display:block;float:left;">
        <input type="tel" id="card" name="card" placeholder="身份证号码" maxlength="11" value="">
    </span>
</div>

<div id="nexts">
    <div class="aline" style="background-color:#fe932b;" onclick="submitForm()">加点</div>
</div>



<div class="detail_notice">
    <div class="index-title">
        <span class="index-title-badge"></span>
        <span class="index-title-txt">注意事项</span>
        <span class="index-title-badge"></span>
    </div>
    <ul class="notice_list">
        <li>只有购买过门票的客人才可以加购其他景点</li>
        <li>您购买过的上述票种需已经使用</li>
        <li>凭之前的购票信息（姓名，身份证号码）才可以加购景点</li>
        <li>加购的景点只能本人使用</li>
        <li>加购景点成功后凭本人身份证入园游玩</li>
    </ul>
</div>
<script>
    function submitForm() {
        var name = document.querySelector('#name').value;
        var phone = document.querySelector('#card').value;
        var reg = /^$/;
        // 匹配称给后跳转
        if (reg.test(name)) {
            alert("请输入姓名");
            return false
        }
        if (reg.test(phone)) {
            alert("请输入身份证号码");
            return false
        }
        location.href=''
    }
</script>
</body>
</html>